<template>
    <table>
        <thead>
            <tr>
                <th v-for="column in columns" :key="column.key">{{ column.title }}</th>
            </tr>
        </thead>
        <tbody>
            <tr v-for="(row, rowIndex) in rows" :key="rowIndex">
                <td v-for="column in columns" :key="column.key">{{ row[column.dataIndex] }}</td>
            </tr>
        </tbody>
    </table>
</template>
<script setup>
import { ref, reactive } from 'vue'
const props = defineProps({
    columns: {
        type: Array,
        required: true
    },
    rows: {
        type: Array,
        required: true
    }
})
</script>


<style lang='scss' scoped></style>